$(function () {
  let bannerTop = $(".banner").offset().top;
  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

    if (scrollPosition >= bannerTop) {
      $(".nav").css({
        position: "sticky",
        zIndex: 20,
      });
      $(".nav .nav_bottom ul li>a").css({
        fontSize: "20px",
      });
    } else {
      $(".nav").css("position: relative");
      $(".nav .nav_bottom ul li>a").css({
        fontSize: "16px",
      });
    }
  });

  //右侧电梯导航

  $(".navbar ul li:nth-child(1)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.one")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings()
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.one")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".one-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(2)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.two")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".two-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.two")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".two-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(3)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.three")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".three-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.three")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".three-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(4)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.four")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".four-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.four")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".four-show")
        .stop()
        .fadeOut();
    }
  );

  //  返回顶部按钮开始
  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

    if (scrollPosition == 0) {
      $(".nav-btn").hide();
    } else {
      $(".nav-btn").show();
    }
  });

  $(".nav-btn").on("click", function () {
    $("html,body").animate({ scrollTop: 0 }, 1000);
  });
  //  返回顶部按钮结束

  let centerTop= $(".center").offset().top

  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

    if (scrollPosition >= centerTop) {
         $(".center .center-bottom .center-bottom-two").addClass(
           "animate__animated animate__slideInDown"
         );
    } else {
    
        $(".center .center-bottom .center-bottom-two").removeClass(
          "animate__animated animate__slideInDown"
        );



    }
  });





})